﻿<a id="settings" href="#changeSkin" data-toggle="modal"><i class="fa fa-gear"></i> 更换背景</a>
<div class="modal fade in" id="changeSkin" tabindex="-1" role="dialog" aria-hidden="false">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title">修改背景</h4>
            </div>
            <div class="modal-body">
                <div class="row template-skins">
                    <a data-skin="violate.jpg" class="col-sm-2 col-xs-4" href=""><img src="images/skin-violate.jpg" alt=""></a>
                    <a data-skin="lights.jpg" class="col-sm-2 col-xs-4" href=""><img src="images/skin-lights.jpg" alt=""></a>
                    <a data-skin="city.jpg" class="col-sm-2 col-xs-4" href=""><img src="images/skin-city.jpg" alt=""></a>
                    <a data-skin="greenish.jpg" class="col-sm-2 col-xs-4" href=""><img src="images/skin-greenish.jpg" alt=""></a>
                    <a data-skin="night.jpg" class="col-sm-2 col-xs-4" href=""><img src="images/skin-night.jpg" alt=""></a>
                    <a data-skin="blue.jpg" class="col-sm-2 col-xs-4" href=""><img src="images/skin-blue.jpg" alt=""></a>
                    <a data-skin="sunny.jpg" class="col-sm-2 col-xs-4" href=""><img src="images/skin-sunny.jpg" alt=""></a>
                    <a data-skin="cloth.png" class="col-sm-2 col-xs-4" href=""><img src="images/skin-cloth.jpg" alt=""></a>
                    <a data-skin="tectile.png" class="col-sm-2 col-xs-4" href=""><img src="images/skin-tectile.jpg" alt=""></a>
                    <a data-skin="chrome.jpg" class="col-sm-2 col-xs-4" href=""><img src="images/skin-chrome.jpg" alt=""></a>
                    <a data-skin="ocean.jpg" class="col-sm-2 col-xs-4" href=""><img src="images/skin-ocean.jpg" alt=""></a>
                    <a data-skin="sunset.jpg" class="col-sm-2 col-xs-4" href=""><img src="images/skin-sunset.jpg" alt=""></a>
                    <a data-skin="yellow.jpg" class="col-sm-2 col-xs-4" href=""><img src="images/skin-yellow.jpg" alt=""></a>
                    <a data-skin="kiwi.jpg" class="col-sm-2 col-xs-4" href=""><img src="images/skin-kiwi.jpg" alt=""></a>
                </div>
            </div>
        </div>
    </div>
</div>
